<template>
  <span class="login-wrapper">
    <span class="login-form-wrapper">
      <login-form />
    </span>
  </span>
</template>

<script>
import LoginForm from "@/views/AccountViews/LoginForm.vue";
export default {
  name: "LoginView",
  components: {
    LoginForm,
  }
}
</script>

<style scoped>
.login-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(100% - var(--guide-height));
  width: 100%;
  background-color: var(--color-light);
  .login-form-wrapper {
    padding: 50px;
    background-color: white;
    border-radius: 15px;
    border: 2px solid var(--color-plain);
  }
}
</style>